<!--
 * @Author: angelWife zzwchilong@163.com
 * @Date: 2024-01-04 20:16:34
 * @LastEditors: angelWife zzwchilong@163.com
 * @LastEditTime: 2024-11-19 00:56:50
 * @FilePath: \nsmp-web-static\static\html\login.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>网络安全事件通报与协同处置平台</title>
    <link rel="icon" href="../images/logo.png" type="image/png" />
    <link rel="stylesheet" href="../plugin/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/login.css" />
    <link rel="stylesheet" href="../css/animate.css" />
    <link rel="stylesheet" href="../css/animate.css" />
    <link rel="stylesheet" href="../css/fonts/iconfont.css" />
    <link rel="stylesheet" href="../../static/css/theme/gray.css" />
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript" src="../js/login.js"></script>
  </head>
  <body
    class="loginBody"
    style="
      background: url('../images/login_bg.png') center center no-repeat;
      background-size: 100% 100%;
    "
  >
    <!-- <img class="bgImg" src="../images/login_bg.png" /> -->
    <img class="loginGif" src="../images/login_train.gif" />
    <!-- <img class="loginTitle" src="../images/loginTitle.png" /> -->
    <div class="loginTitle">网络安全事件通报与协同处置平台</div>
    <div class="loginMain">
      <div class="title">登录账户，开始使用吧！</div>
      <div class="loginNav">
        <a hraf="javascript:;" class="active">账号登录</a>
        <a hraf="javascript:;">手机登录</a>
        <span class="loginNavLine"></span>
      </div>
      <div class="navView accountForm">
        <div class="inputBox m-t-25">
          <input type="text" class="input" placeholder="请输入用户名" />
          <span class="iconfont icon-login-user"></span>
        </div>
        <div class="inputBox m-t-20">
          <input type="password" class="input" placeholder="请输入密码" />
          <span class="iconfont icon-login-pwd"></span>
        </div>
        <div class="flex m-t-25">
          <div class="inputBox flex-1">
            <input
              type="number"
              id="accoutnImgCode"
              class="input"
              placeholder="请输入图形验证码"
            />
            <span class="iconfont icon-msg-code"></span>
          </div>
          <div class="numberCode">
            <img class="" src="" />
            <div class="refresh iconfont icon-refresh">&nbsp;换一换</div>
          </div>
        </div>
      </div>
      <div class="navView phoneForm">
        <div class="inputBox m-t-25">
          <input type="number" class="input" placeholder="请输入手机号码" />
          <span class="iconfont icon-login-user"></span>
        </div>
        <div class="flex m-t-25">
          <div class="inputBox flex-1">
            <input
              type="number"
              id="phomeImgCode"
              class="input"
              placeholder="请输入图形验证码"
            />
            <span class="iconfont icon-msg-code"></span>
          </div>
          <div class="numberCode">
            <img class="" src="" />
            <div class="refresh iconfont icon-refresh">&nbsp;换一换</div>
          </div>
        </div>
        <div class="flex m-t-25">
          <div class="inputBox flex-1">
            <input type="number" class="input" placeholder="请输入手机验证码" />
            <span class="iconfont icon-msg-code"></span>
          </div>
          <div class="phoneCodeBtn" onclick="sendCode(this);">发送验证码</div>
        </div>
      </div>
      <div class="loginBtn">登&nbsp;录</div>
    </div>
  </body>
</html>
